<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<title>Brief Input</title>
 
<style type="text/css"> 


</style>
<#include "/ftl/common.ftl"/>
<script type="text/javascript" src="js/brief/brief.js"></script>
<script type="text/javascript" src="js/common/ajaxfileupload.js"></script>

<script>
	$(function() {
		$( "#tabs" ).tabs();
		$("button","#briefForm").button();
	});

</script>
</head>
<body>
<a href="issueNotes.do">Input Brief</a> &gt; <a href="confirmFabric.do">Issue Sample Note</a> &gt; <a href="negotiatePrice.do?taskid=${taskid}">Confirm Price</a> 
<form id="briefForm" action="issueNotes.do" method="post" > 
<div id="task-main">
	<fieldset>
	<legend>Order Info</legend>
	<table id="task-tbl">
	<tr><td><label id="task-indentno-label">Indent Number</label></td><td><input id="task-indentno-input" name="task.indentNumber" type="text"/></td><td><label id="task-customer-label">Customer</label></td><td><@selectTag id="task-customer" name="task.customer" listOptions=customer/></td></tr>
	<tr><td><label id="task-styleno-label">Style Number</label></td><td><input id="task-styleno-input" name="task.styleNumber" type="text"/></td><td><label id="task-brand-label">Brand</label></td><td><@selectTag id="task-brand" name="task.brand" listOptions=brand/></td></tr>
	<tr><td><label id="task-eta-label">ETA </label></td><td><input id="task-eta-input" name="task.etaTime" type="text"/>&nbsp;</td><td></td></tr>
	</table>
	</fieldset>
</div>

<div id="tabs" >
    <ul>
        <li><a href="#tabs-1">Style Detail</a></li>
        <li><a href="#tabs-2">Body Fabric</a></li>
        <li><a href="#tabs-3">Trim Details</a></li>
        <li><a href="#tabs-4">Action Notes</a></li>
        <li><a href="#tabs-5">Spec Measurement</a></li>
    </ul>            
    <div id="tabs-1"> 
		 <fieldset>
			 <legend>Style Detail</legend>
			 <table id="style">
				<tr><td><label id="style-sampleno">Sample Number</label></td><td><input id="style-sampleno" name="styleDetail.samplenumber" type="text"/></td><td><label id="style-description">Description</label></td><td><input type="text" id="style-description" name="styleDetail.description" /></td></tr>
				<tr><td><label id="style-importer">Importer</label></td><td><input id="style-importer" type="text"/></td><td><label id="style-department">Department</label></td><td><input id="style-department" name="styleDetail.department" type="text"/></td></tr>
				<tr><td><label id="style-garment">Garment Type</label></td><td><@selectTag id="style-garmenttype" name="styleDetail.garmenttype" listOptions=garmentType/></td><td><label id="style-silhouette">Silhouette</label></td><td><input id="style-silhouette" name="styleDetail.silhouette" type="text"/></td></tr>
				<tr><td><label id="style-samplephoto1">Sample Photo 1</label></td><td><input type="file" id="sampleimgurl_1" name="sampleimgurl_1" onchange="ajaxFileUpload('sampleimgurl_1','styleDetail.sampleimgurl_1')"/><input type="hidden" id="styleDetail.sampleimgurl_1.path" name="styleDetail.sampleimgurl_1"/></td><td><label id="style-samplephoto2">Sample Photo 2</label></td><td><input type="file" id="sampleimgurl_2" name="sampleimgurl_2" onchange="ajaxFileUpload('sampleimgurl_2','styleDetail.sampleimgurl_2')"/><input type="hidden" name="styleDetail.sampleimgurl_2"/></td></tr>
				<tr><td><label id="style-s">Sample Photo 3</label></td><td><input type="file" id="sampleimgurl_3" name="sampleimgurl_3" onchange="ajaxFileUpload('sampleimgurl_3','styleDetail.sampleimgurl_3')"/><input type="hidden" id="styleDetail.sampleimgurl_3.path" name="styleDetail.sampleimgurl_3"/></td><td><label id="style-samplephoto4">Sample Photo 4</label></td><td><input type="file" id="sampleimgurl_4" name="sampleimgurl_4" onchange="ajaxFileUpload('sampleimgurl_4','styleDetail.sampleimgurl_4')"/><input type="hidden" name="styleDetail.sampleimgurl_4"/></td></tr>
				<tr><td><label id="style-samplephotozip">Sample Photo Zip</label></td><td><input type="file" id="supplementzipurl" name="supplementzipurl" onchange="ajaxFileUpload('supplementzipurl','styleDetail.supplementzipurl')"/><input id="styleDetail.supplementzipurl.path" name="styleDetail.supplementzipurl" type="hidden"/></td><td><label id="style-graderule">Grade Rule</label></td><td><input type="file" id="specpdfurl" name="specpdfurl" onchange="ajaxFileUpload('specpdfurl','styleDetail.specpdfurl')"/><input type="hidden" name="styleDetail.specpdfurl"/></td></tr>
			</table>
		</fieldset>
		<div id="style-img-area"></div>
	</div>
    <div id="tabs-2">
		<fieldset>
			<legend>Body Fabric</legend>
			<table id="fabric">
				<tr><td><label name="fabriccode">${action.getText('bodyFabric.fabriccode')}</label></td><td><input id="fabriccode" type="text" name="bodyFabric.fabriccode" /></td><td><label name="fabricclass">${action.getText('bodyFabric.fabricclass')}</label></td><td><input id="fabricclass" type="text" name="bodyFabric.fabricclass" /></td></tr>
				<tr><td><label name="type">${action.getText('bodyFabric.type')}</label></td><td><input id="type" type="text" name="bodyFabric.type" /></td><td><label name="weave">${action.getText('bodyFabric.weave')}</label></td><td><input id="weave" type="text" name="bodyFabric.weave" /></td></tr>
				<tr><td><label name="construction">${action.getText('bodyFabric.construction')}</label></td><td><input id="construction" type="text" name="bodyFabric.construction" /></td><td><label name="finish">${action.getText('bodyFabric.finish')}</label></td><td><input id="finish" type="text" name="bodyFabric.finish" /></td></tr>
				<tr><td><label name="weight">${action.getText('bodyFabric.weight')}</label></td><td><input id="weight" type="text" name="bodyFabric.weight" /></td><td><label name="weight_unit">${action.getText('bodyFabric.weight_unit')}</label></td><td><input id="weight_unit" type="text" name="bodyFabric.weight_unit" /></td></tr>
				<tr><td><label name="wash">${action.getText('bodyFabric.wash')}</label></td><td><input id="wash" type="text" name="bodyFabric.wash" /></td><td><label name="composition">${action.getText('bodyFabric.composition')}</label></td><td><input id="composition" type="text" name="bodyFabric.composition" /></td></tr>
				<tr><td><label name="composition_type">${action.getText('bodyFabric.compostion_type')}</label></td><td><input id="composition_type" type="text" name="bodyFabric.composition_type" /></td><td><label name="color">${action.getText('bodyFabric.color')}</label></td><td><input id="bodyFabric.color" type="text" name="bodyFabric.color" /></td></tr>
			</table> 
		</fieldset>
     </div>
     <div id="tabs-3">
		 <fieldset>
			<legend>Trim Detail</legend>
			<table>
			<tr>
				<td>
				<label for="trim.trimname">Trim Name:</label></td><td>
				<input type="text" name="trim.trimname" id="trim.trimname" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="trim.trimsize">Trim Size:</label></td><td>
				<input type="text" name="trim.trimsize" id="trim.trimsize" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="trim.trimcolor">Trim Color:</label></td><td>
				<input type="text" name="trim.trimcolor" id="trim.trimcolor" value="" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			<tr>
				<td>
				<label for="trim.trimposition">Trim Postion:</label></td><td>
				<input type="text" name="trim.trimposition" id="trim.trimposition" value="" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="trim.trimcode">Trim Code:</label></td><td>
				<input type="text" name="trim.trimcode" id="trim.trimcode" value="" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="trim.trimquantity">Trim Quantity:</label></td><td>
				<input type="text" name="trim.trimquantity" id="trim.trimquantity" value="0" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			<tr>
				<td>
				<label for="trim.trimsize_unit">Trim Unit:</label></td><td>
				<input type="text" name="trim.trimsize_unit" id="trim.trimsize_unit" value="" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="trim.trimimgurl">Trim Image:</label></td><td>
				<input type="file" id="trimimgurl" onchange="ajaxFileUpload('trimimgurl','trim.trimimgurl')"/>
				<input type="hidden" id="trim.trimimgurl.path" name="trim.trimimgurl"/>
				</td>
			</tr>
			</table>
		</fieldset>
	 </div>
     <div id="tabs-4">
		 <fieldset>
			<legend>Action Notes</legend>
			<table>
			<tr>
				<td>
				<label for="actionNotes.general">General</label></td><td>
				<textarea name="actionNotes.general" id="actionNotes.general" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.styling">Styling</label></td><td>
				<textarea type="text" name="actionNotes.styling" id="actionNotes.styling" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.fabric">Fabric</label></td><td>
				<textarea name="actionNotes.fabric" id="actionNotes.fabric" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			
				<td>
				<label for="actionNotes.wash">Wash</label></td><td>
				<textarea name="actionNotes.wash" id="actionNotes.wash" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.belt">Belt</label></td><td>
				<textarea name="actionNotes.belt" id="actionNotes.belt" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.qlabel">Label</label></td><td>
				<textarea name="actionNotes.qlabel" id="actionNotes.qlabel" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.action">Action</label></td><td>
				<textarea name="actionNotes.action" id="actionNotes.action" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.wash_care">Wash Care</label></td><td>
				<textarea name="actionNotes.wash_care" id="actionNotes.wash_care" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.contrast">Contrast</label></td><td>
				<textarea name="actionNotes.contrast" id="actionNotes.contrast" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.trims">Trims</label></td><td>
				<textarea name="actionNotes.trims" id="actionNotes.trims" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.print">Print</label></td><td>
				<textarea name="actionNotes.print" id="actionNotes.print" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.pressing">Pressing</label></td><td>
				<textarea name="actionNotes.pressing" id="actionNotes.pressing" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.packaging">Packaging</label></td><td>
				<textarea name="actionNotes.packaging" id="actionNotes.packaging" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.thread">Thread</label></td><td>
				<textarea name="actionNotes.thread" id="actionNotes.thread" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.embodaries">Embodaries</label></td><td>
				<textarea name="actionNotes.embodaries" id="actionNotes.embodaries" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
				<td>
				<label for="actionNotes.swing_tag">Swing Tag</label></td><td>
				<textarea name="actionNotes.swing_tag" id="actionNotes.swing_tag" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			<tr>
				<td>
				<label for="actionNotes.waist_card">Waist Card</label></td><td>
				<textarea name="actionNotes.waist_card" id="actionNotes.waist_card" value="" class="text ui-widget-content ui-corner-all" ></textarea>
				</td>
			</tr>
			</table>
		</fieldset>
	 </div>	 
     <div id="tabs-5"><p>Spec Measurement</p>
	  <fieldset>
			<legend>Color Size Curve</legend>
			<table>
			<tr>
				<td>
				<label for="colorSizeCurve.unit">Color Size Curve Unit:</label></td><td>
				<input type="text" name="colorSizeCurve.unit" id="colorSizeCurve.unit" value="" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="colorSizeCurve.size">Color Size Curve Size:</label></td><td>
				<input type="text" name="colorSizeCurve.size" id="colorSizeCurve.size" value="" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			<tr>
				<td>
				<label for="colorSizeCurve.color1">Color Size Curve Color 1:</label></td><td>
				<input type="text" name="colorSizeCurve.color1" id="colorSizeCurve.color1" value="" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="colorSizeCurve.color2">Color Size Curve Color 2:</label></td><td>
				<input type="text" name="colorSizeCurve.color2" id="colorSizeCurve.color2" value="" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			<tr>
				<td>
				<label for="colorSizeCurve.color3">Color Size Curve Color 3:</label></td><td>
				<input type="text" name="colorSizeCurve.color3" id="colorSizeCurve.color3" value="" class="text ui-widget-content ui-corner-all" />
				</td>
				<td>
				<label for="colorSizeCurve.color4">Color Size Curve Color 4:</label></td><td>
				<input type="text" name="colorSizeCurve.color4" id="colorSizeCurve.color4" value="" class="text ui-widget-content ui-corner-all" />
				</td>
			</tr>
			</table>
		</fieldset>
	 t_colorsizecurve
	 1. Spec No.
	 2. Indent No.
	 3. Style No
	 </div>
    
</div>

 <button onclick="return submitBriefForm();">Commit Brief</button>
</form>


</body>
</html>